import React,{Component} from 'react'
import  { Suspense } from 'react';
import { Layout, Menu, Dropdown, Avatar } from 'antd';
import { Route, Switch ,Redirect} from 'react-router-dom';

import SeoContainer from '&components/seo-container';
import Header from '&widgets/header';
import FSMSider from '&widgets/FSMSider'

import styles from './styles.module.less';
import { Tabs } from 'antd';


import EquipmentMsg from '../home/equipmentMessage/index'
import Residuas from '../home/equipmentMessage/Residuas'
import Averagec from '../home/equipmentMessage/Averagec'
import CorrosionRate from '../home/equipmentMessage/corrosionRate'
import WthickLoss from '../home/equipmentMessage/WallThicknessLoss'
import hotMap from '../home/admin/hotmaps'

const { TabPane } = Tabs;

const { Content } = Layout;
const initialPanes = [
    { title: 'Tab 1', content: 'Content of Tab 1', key: '1' },
    { title: 'Tab 2', content: 'Content of Tab 2', key: '2' },
    {
      title: 'Tab 3',
      content: 'Content of Tab 3',
      key: '3',
      closable: false,
    },
  ];

function FSM(){
    return (
        <SeoContainer title="热点图">
            <Layout>
                <FSMSider/>
                <Layout>
                    <Header/>
                    {/* <Route path="/admin/?id=1" component={Equipment}/> */}
                    <Content>
                        <div className={ styles.interviewArticle }>
                            {/* <Suspense fallback={<div>loading</div>}> */}
                                <Switch>
                                  <Route path="/FSM/653xfjvb" component={EquipmentMsg}/>
                                  <Route path="/FSM/6j88573b" component={EquipmentMsg}/>
                                  <Route path="/FSM/dfxg055c" component={EquipmentMsg}/>
                                  <Route path="/FSM/us9qs8uv" component={EquipmentMsg}/>
                                  {/* <Route path="/FSM/653xfjvb" component={EquipmentMsg}/>
                                  <Route path="/FSM/6j88573b" component={EquipmentMsg}/>
                                  <Route path="/FSM/dfxg055c" component={EquipmentMsg}/>
                                  <Route path="/FSM/us9qs8uv" component={EquipmentMsg}/>
                                  <Route path="/FSM/pzzcpghe" component={EquipmentMsg}/> */}
                                  <Route path="/FSM/:id" component={EquipmentMsg}/>
                                </Switch>
                            {/* </Suspense> */}
                        </div>
                    </Content>
                </Layout>
            </Layout>
        </SeoContainer>
    )
}
export default FSM